div#header {
  text-align: center;
  margin: 0px auto;
  width: 50em;

}

#header div{
  border: 1px solid #999;
  background-color: #DFDFDF;
  margin: 10px 10px;
  padding: 10px 5px;
}

#header h1{
  color : #333;
}

#header h2{
  color : #333;
  margin: -20px 0px 0px 0px;
  font-size: 100%;
}

div#user {
  margin: 0px auto;
  width: 50em;
}

#user div{
  border: 1px solid #999;
  background-color: #DFDFDF;
  margin: 10px 10px;
  padding: 5px 5px;
  height: 3em;
  font-size: 80%;
}

#user ul li {
  display: block;
  float: left;
  margin-right: 20px;
}

#user p.control{
  float: left;
  height: 2em;
  width: 15%;
  vertical-align: top;
  padding: 0.25em 0px;
  
}

#user p.message {
  width: 70%;
  height: 2em;
  float: left;
  vertical-align: top;
  padding: 0.25em 0px;
  
}

div#main {
  margin: 0px auto;
  width: 50em;
}

div.section{
  margin: 10px 0px;
  padding: 10px 10px;
}

div.section_heading {
  height: 2.5em;
  border: 1px solid #999;
}


div.section_control{
  float: left;
  height: 2em;
  width: 15%;
  background-color: #DFDFDF;
  vertical-align: top;
  padding: 0.25em 0px;
  
}

div.section_title {
  width: 85%;
  height: 2em;
  background-color: #DFDFDF;
  float: left;
  vertical-align: top;
  padding: 0.25em 0px;
  
}

span.section_title {
  color: #222;
  font: 120% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  margin: 0px 0px 0px 20px;
  
}

div.board{
  margin: 10px 0px;
  padding: 10px 10px;
}

div.section_board{
  margin-top: 10px;
  margin-left: 20px;
}

div.board_heading {
  height: 2em;
  border: 1px solid #999;
}

div.board_control{
  float: left;
  height: 1.5em;
  width: 15%;
  background-color: #EEE;
  padding: 0.25em 0px;
}

div.board_title {
  width: 85%;
  height: 1.5em;
  float: left;
  background-color: #DFDFDF;
  vertical-align: top;
  padding: 0.25em 0px;
}


span.board_title {
  color: #222;
  font: 110% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  margin: 0px 0px 0px 20px;
}

div.board_info {
  padding: 5px 5px 5px 5px;
  border: 1px solid #999;
  border-top: 0px solid #999;
  font-size: small;
  margin: 0px 0px 10px 0px;
}

div.board_content {
  padding: 0px 0px 10px 0px;
}

table.boards_table{
  border: 1px solid #999;
  border-top: 0px solid #999;
  padding: 0px 0px 20px 0px;
}

table th{
  font-size: small;
}

tr.odd_row {
  background : #EEE;
}

tr.even_row {
  background : #FFF;
}

div.table_board_title {
  font-weight: bold;
}

div.table_board_info {
  font-size: small;
}


.table_board_last_post_time {
  font-size: small;
  text-align: center;
}

.table_board_last_post_user {
  padding: 2px;
  font-size: small;
    text-align: center;
}

td.table_board_last_message{
  width : 10em;
}

div.post{
  margin: 10px 0px;
}

div.post_left {
  float: left;
  height: 100%;
  width : 20%;
}

div.post_user {
  border: 1px solid #999;
  margin: 0px 5px 0px 0px;
  height: 100%;
}

span.post_user_name{
  font-style: italic;
}

div.post_right {
  float: left;
  height: 100%;
  width : 80%;
}

div.post_heading {
  height: 1.5em;
  border: 1px solid #999;
}


div.post_control{
  float: left;
  height: 1em;
  width: 15%;
  background-color: #EEE;
  padding: 0.25em 0px;
}

div.post_title {
  width: 85%;
  height: 1em;
  float: left;
  background-color: #DFDFDF;
  vertical-align: top;
  padding: 0.25em 0px;
}


span.post_title {
  color: #222;
  font: 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
  font-weight: bold;
  margin: 0px 0px 0px 20px;
}

div.post_info {
  padding: 5px 5px 5px 5px;
  border: 1px solid #999;
  border-top: 0px solid #999;
  font-size: x-small;
}

div.post_content {
  padding: 10px 5px 10px 5px;
}

div.table_discussion_title {
  font-weight: bold;
}

.table_discussion_last_post_time {
  font-size: small;
  text-align: center;
}

.table_discussion_last_post_user {
  padding: 2px;
  font-size: small;
    text-align: center;
}

td.table_discussion_last_message{
  width : 10em;
}

td.title_restricted_column{
  width : 40%;
}

#signup_box{
  border: 1px solid #999;
  background: #DDD;
  padding: 1em;
  margin: 0px 10px;
}

ul.tabs li {
  float: left;
  border: 1px solid #999;
  font-size: large;
  font-weight: bold;
  padding: 5px;
  list-style-type: none;
}
